<!--
 * @Author: Dong Xing
 * @Date: 2021-01-17 00:59:10
 * @LastEditors: Dong Xing
 * @LastEditTime: 2021-01-17 02:16:51
 * @Description: file content
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>随机ACG图</title>
    <style>
        html,body{
            margin:0;
            height:100%;
            overflow:hidden;
        }
        /* img{
            object-fit: contain;
        } */
        /* 参考：https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit */
        img{
            min-height:100%;
            min-width:100%;
            height:auto;
            width:auto;
            position:absolute;
            top:-100%; bottom:-100%;
            left:-100%; right:-100%;
            margin:auto;
        } 
        /* container {
            height: 50px;
            width: 50%;

        container_img {
            height: 100%;
            width: 100%;
            object-fit: cover;  */
    </style>
</head>

<body>
    <div>
        <img src={{url}}/>
    </div>
</body>
